<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>完整MBTI测试 - 星格</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    
    <!-- 配置Tailwind自定义主题 -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#6C5CE7', // 主紫色
                        secondary: '#FD79A8', // 辅助粉色
                        accent: '#00B894', // 强调色
                        dark: '#2D3436',
                        light: '#F8F9FA'
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .option-hover {
                @apply transition-all duration-200 hover:shadow-md hover:bg-primary/5;
            }
            .mascot-float {
                animation: float 3s ease-in-out infinite;
            }
            @keyframes float {
                0%, 100% { transform: translateY(0); }
                50% { transform: translateY(-8px); }
            }
        }
    </style>
</head>
<body class="bg-gray-50 text-dark min-h-screen flex flex-col">


    <!-- 主内容区 -->
    <main class="flex-1 pt-5 pb-24 px-4 relative">
        <!-- 全局背景渐变 -->
        <div class="fixed inset-0 w-full h-full" style="background: linear-gradient(135deg, #FDCFE8 0%, #E4C1F9 50%, #BDE0FE 100%); z-index: -1;"></div>
        
        <div class="container mx-auto max-w-md relative z-10">
            <!-- 测试说明（仅在第一题显示） -->
            <div id="test-instructions" class="bg-white/90 backdrop-blur-sm rounded-2xl shadow-lg p-6 mb-6 border border-white/50">
                <div class="text-center mb-6">
                    <div class="w-16 h-16 rounded-full bg-gradient-to-br from-primary/20 to-secondary/20 flex items-center justify-center mx-auto mb-4 shadow-md">
                        <i class="fa fa-brain text-primary text-2xl"></i>
                    </div>
                    <h2 class="text-xl font-bold text-gray-800 mb-2">MBTI人格测试</h2>
                    <p class="text-sm text-gray-500">93题 · 25-30分钟 · 深度解析你的人格类型</p>
                </div>
                
                <div class="space-y-4 mb-6">
                    <div class="flex items-start space-x-3">
                        <div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 mt-0.5">
                            <i class="fa fa-check text-primary text-xs"></i>
                        </div>
                        <p class="text-sm text-gray-600">
                    本测试包含93道题目，将评估你的人格类型。请根据你的真实情况和感受选择最符合你的选项，不要过多思考。
                </p>
                    </div>
                    <div class="flex items-start space-x-3">
                        <div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 mt-0.5">
                            <i class="fa fa-heart text-primary text-xs"></i>
                        </div>
                <p class="text-sm text-gray-600">
                    答案没有对错之分，只需选择最能描述你通常感受或行为的选项。
                </p>
                    </div>
                    <div class="flex items-start space-x-3">
                        <div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 mt-0.5">
                            <i class="fa fa-clock-o text-primary text-xs"></i>
                        </div>
                        <p class="text-sm text-gray-600">
                            预计用时25-30分钟，建议在安静环境中完成。
                        </p>
                    </div>
                </div>
                
                <button id="start-test" class="w-full bg-gradient-to-r from-primary to-secondary text-white py-3 rounded-xl text-sm font-medium shadow-lg hover:shadow-xl transition-all duration-300">
                    <i class="fa fa-play mr-2"></i>开始测试
                </button>
            </div>
            
            <!-- 测试特点 -->
            <div class="bg-white rounded-xl shadow-sm p-4">
                <h3 class="text-sm font-medium mb-3 flex items-center">
                    <i class="fa fa-star text-primary mr-2"></i>测试特点
                </h3>
                <div class="space-y-3">
                    <div class="bg-gradient-to-r from-primary/5 to-primary/10 rounded-lg p-3 border border-primary/20">
                        <div class="flex items-center mb-2">
                            <i class="fa fa-graduation-cap text-primary text-sm mr-2"></i>
                            <span class="text-xs font-medium text-gray-700">专业权威</span>
                        </div>
                        <p class="text-xs text-gray-600">93道专业题目，基于荣格心理类型理论</p>
                    </div>
                    <div class="bg-gradient-to-r from-secondary/5 to-secondary/10 rounded-lg p-3 border border-secondary/20">
                        <div class="flex items-center mb-2">
                            <i class="fa fa-users text-secondary text-sm mr-2"></i>
                            <span class="text-xs font-medium text-gray-700">16种类型</span>
                        </div>
                        <p class="text-xs text-gray-600">全面解析16种人格类型特征</p>
                    </div>
                    <div class="bg-gradient-to-r from-accent/5 to-accent/10 rounded-lg p-3 border border-accent/20">
                        <div class="flex items-center mb-2">
                            <i class="fa fa-briefcase text-accent text-sm mr-2"></i>
                            <span class="text-xs font-medium text-gray-700">职业指导</span>
                        </div>
                        <p class="text-xs text-gray-600">提供职业建议和人际关系指导</p>
                    </div>
                    <div class="bg-gradient-to-r from-green-500/5 to-green-500/10 rounded-lg p-3 border border-green-500/20">
                        <div class="flex items-center mb-2">
                            <i class="fa fa-chart-pie text-green-500 text-sm mr-2"></i>
                            <span class="text-xs font-medium text-gray-700">四维分析</span>
                        </div>
                        <p class="text-xs text-gray-600">深度分析四个核心人格维度</p>
                    </div>
                </div>
            </div>
            
            <!-- 进度条 -->
            <div id="progress-container" class="hidden mb-6">
                <div class="bg-white/90 backdrop-blur-sm rounded-2xl p-4 border border-white/50 shadow-lg">
                    <div class="flex justify-between items-center mb-2">
                        <span class="text-sm font-medium text-gray-700">测试进度</span>
                        <span id="progress-text" class="text-sm text-gray-500">1/93</span>
                    </div>
                    <div class="w-full bg-gray-200 rounded-full h-2">
                        <div id="progress-bar" class="bg-gradient-to-r from-primary to-secondary h-2 rounded-full transition-all duration-300" style="width: 0%"></div>
                    </div>
                    <p id="time-estimate" class="text-xs text-gray-500 mt-2">预计剩余时间: 25分钟</p>
                </div>
            </div>
            
            <!-- 测试题目容器 -->
            <div id="questions-container" class="hidden">
                <!-- 题目将通过JavaScript动态加载 -->
            </div>
            
            <!-- 测试导航按钮 -->
            <div id="navigation-buttons" class="hidden flex justify-between mt-6 space-x-4">
                <button id="prev-button" class="flex-1 px-6 py-3 border border-gray-300 rounded-xl text-sm font-medium text-gray-700 hover:bg-white/50 transition-all duration-300 backdrop-blur-sm" disabled>
                    <i class="fa fa-arrow-left mr-2"></i>上一题
                </button>
                <button id="next-button" class="flex-1 px-6 py-3 bg-gradient-to-r from-primary to-secondary text-white rounded-xl text-sm font-medium hover:shadow-lg transition-all duration-300">
                    下一题<i class="fa fa-arrow-right ml-2"></i>
                </button>
            </div>
            
            <!-- 完成测试按钮（最后一题显示） -->
            <div id="finish-button-container" class="hidden mt-6">
                <button id="finish-test" class="w-full py-4 bg-gradient-to-r from-secondary to-pink-500 text-white rounded-xl text-sm font-medium hover:shadow-lg transition-all duration-300">
                    <i class="fa fa-check-circle mr-2"></i>完成测试，查看结果
                </button>
            </div>
        </div>
    </main>

    <!-- 测试结果弹框 -->
    <div id="result-modal" class="fixed inset-0 bg-black/50 z-50 hidden">
        <div class="absolute bottom-0 left-0 right-0 bg-white rounded-t-3xl p-6 transform translate-y-full transition-transform duration-300 max-h-[80vh] overflow-y-auto">
            <div class="flex items-center justify-between mb-6">
                <h3 class="text-xl font-bold text-gray-800">MBTI人格测试结果</h3>
                <button id="close-result-modal" class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200 transition-colors">
                    <i class="fa fa-times text-gray-600"></i>
                </button>
            </div>
            
            <div id="result-content" class="space-y-6">
                <!-- 结果内容将通过JavaScript动态生成 -->
            </div>
            
            <div class="mt-6 flex space-x-3">
                <button id="retake-test" class="flex-1 py-3 border border-gray-300 rounded-xl text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors">
                    <i class="fa fa-refresh mr-2"></i>重新测试
                </button>
                <button id="back-to-home" class="flex-1 py-3 bg-gradient-to-r from-primary to-secondary text-white rounded-xl text-sm font-medium hover:shadow-lg transition-all duration-300">
                    <i class="fa fa-home mr-2"></i>返回首页
                </button>
            </div>
        </div>
    </div>

    <!-- 吉祥物 - 陪伴测试过程 -->
    <div id="mascot" class="fixed bottom-24 right-4 w-12 h-12 mascot-float z-10 hidden">
        <div class="relative">
            <!-- 吉祥物主体 -->
            <div class="w-full h-full rounded-full bg-white shadow-lg flex items-center justify-center">
                <div class="w-3/4 h-3/4 rounded-full bg-gradient-to-b from-yellow-200 to-yellow-100 relative">
                    <!-- 初始表情 - 微笑 -->
                    <div class="absolute top-1/3 left-1/4 w-2 h-2 rounded-full bg-dark" id="mascot-eye-left"></div>
                    <div class="absolute top-1/3 right-1/4 w-2 h-2 rounded-full bg-dark" id="mascot-eye-right"></div>
                    <div class="absolute bottom-1/3 left-1/3 w-1/3 h-1.5 bg-dark rounded-full" id="mascot-mouth"></div>
                    <!-- 星星装饰 -->
                    <div class="absolute -top-1 -left-1 text-yellow-400 transform -rotate-12">
                        <i class="fa fa-star text-xs"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部导航栏 -->
    <footer class="fixed bottom-0 left-0 right-0 bg-white shadow-[0_-2px_10px_rgba(0,0,0,0.05)] z-30">
        <div class="container mx-auto">
            <div class="flex justify-around">
                <button class="tab-button flex flex-col items-center justify-center py-3 px-4 w-full" data-tab="home-tab">
                    <i class="fa fa-home text-lg"></i>
                    <span class="text-xs mt-1">首页</span>
                </button>
                <button class="tab-button tab-active flex flex-col items-center justify-center py-3 px-4 w-full" data-tab="test-tab">
                    <i class="fa fa-list-alt text-lg"></i>
                    <span class="text-xs mt-1">测试</span>
                </button>
                <button class="tab-button flex flex-col items-center justify-center py-3 px-4 w-full" data-tab="fortune-tab">
                    <i class="fa fa-moon-o text-lg"></i>
                    <span class="text-xs mt-1">运势</span>
                </button>
                <button class="tab-button flex flex-col items-center justify-center py-3 px-4 w-full" data-tab="profile-tab">
                    <i class="fa fa-user-o text-lg"></i>
                    <span class="text-xs mt-1">我的</span>
                </button>
            </div>
        </div>
    </footer>

    <script>
        // 标准MBTI测试题（93题）
        const questions = [
            // 外倾(E) vs 内倾(I) - 1-15题
            {
                id: 1,
                text: "参加大型聚会时，你通常会感到：",
                options: [
                    { id: "q1a", text: "精力充沛，很享受社交互动", dimension: "E" },
                    { id: "q1b", text: "有点疲惫，更愿意和少数人交流", dimension: "I" },
                    { id: "q1c", text: "看情况而定，有时喜欢有时觉得一般", dimension: null },
                    { id: "q1d", text: "通常会感到压力，更喜欢独处", dimension: "I" }
                ]
            },
            {
                id: 2,
                text: "当你需要做重要决定时，你更倾向于：",
                options: [
                    { id: "q2a", text: "和他人讨论，听取不同意见", dimension: "E" },
                    { id: "q2b", text: "自己安静思考，权衡利弊", dimension: "I" },
                    { id: "q2c", text: "先自己想，再和信任的人讨论", dimension: null },
                    { id: "q2d", text: "快速做出决定，不喜欢过多思考", dimension: "E" }
                ]
            },
            {
                id: 3,
                text: "在空闲时间，你更可能选择：",
                options: [
                    { id: "q3a", text: "参加社交活动，和朋友见面", dimension: "E" },
                    { id: "q3b", text: "阅读、冥想或独自做喜欢的事", dimension: "I" },
                    { id: "q3c", text: "两者结合，既有社交也有独处时间", dimension: null },
                    { id: "q3d", text: "和一两个亲密朋友共度时光", dimension: "I" }
                ]
            },
            {
                id: 4,
                text: "当你有了新想法，你通常会：",
                options: [
                    { id: "q4a", text: "立即告诉别人，分享我的兴奋", dimension: "E" },
                    { id: "q4b", text: "先在心里完善，再决定是否分享", dimension: "I" },
                    { id: "q4c", text: "选择性地告诉信任的人", dimension: null },
                    { id: "q4d", text: "更愿意写下来而不是说出来", dimension: "I" }
                ]
            },
            {
                id: 5,
                text: "长时间和人相处后，你会：",
                options: [
                    { id: "q5a", text: "感到精力充沛，想继续交流", dimension: "E" },
                    { id: "q5b", text: "需要独处一段时间恢复精力", dimension: "I" },
                    { id: "q5c", text: "视情况而定，有时需要有时不需要", dimension: null },
                    { id: "q5d", text: "感到轻微疲惫，但可以继续社交", dimension: "E" }
                ]
            },
            {
                id: 6,
                text: "在团队工作中，你更倾向于：",
                options: [
                    { id: "q6a", text: "积极发言，主导讨论", dimension: "E" },
                    { id: "q6b", text: "倾听为主，必要时才发言", dimension: "I" },
                    { id: "q6c", text: "根据情况调整，有时主导有时倾听", dimension: null },
                    { id: "q6d", text: "更喜欢一对一交流而非团队讨论", dimension: "I" }
                ]
            },
            {
                id: 7,
                text: "你如何看待陌生人？",
                options: [
                    { id: "q7a", text: "很容易接近，视为潜在的朋友", dimension: "E" },
                    { id: "q7b", text: "需要时间了解，保持距离直到熟悉", dimension: "I" },
                    { id: "q7c", text: "看第一印象，有些容易接近有些则不然", dimension: null },
                    { id: "q7d", text: "通常不太愿意主动接触陌生人", dimension: "I" }
                ]
            },
            {
                id: 8,
                text: "当你遇到问题时，你更倾向于：",
                options: [
                    { id: "q8a", text: "向他人寻求帮助和建议", dimension: "E" },
                    { id: "q8b", text: "自己研究解决，尽量不麻烦别人", dimension: "I" },
                    { id: "q8c", text: "先尝试自己解决，解决不了再求助", dimension: null },
                    { id: "q8d", text: "和一两个信任的人讨论解决方案", dimension: "I" }
                ]
            },
            {
                id: 9,
                text: "你更喜欢哪种工作环境？",
                options: [
                    { id: "q9a", text: "开放、热闹，有很多人和互动", dimension: "E" },
                    { id: "q9b", text: "安静、独立，可以专注工作", dimension: "I" },
                    { id: "q9c", text: "有独立空间，但也有交流的机会", dimension: null },
                    { id: "q9d", text: "小型团队环境，互动有限", dimension: "I" }
                ]
            },
            {
                id: 10,
                text: "在社交场合，你通常是：",
                options: [
                    { id: "q10a", text: "主动开始对话，认识新朋友", dimension: "E" },
                    { id: "q10b", text: "等待别人来和我说话", dimension: "I" },
                    { id: "q10c", text: "对熟悉的人主动，对陌生人被动", dimension: null },
                    { id: "q10d", text: "只和认识的人交流", dimension: "I" }
                ]
            },
            {
                id: 11,
                text: "你如何处理压力？",
                options: [
                    { id: "q11a", text: "和朋友聊天，发泄情绪", dimension: "E" },
                    { id: "q11b", text: "独处，做能放松的事", dimension: "I" },
                    { id: "q11c", text: "有时需要独处，有时需要陪伴", dimension: null },
                    { id: "q11d", text: "通过运动等活动释放，而非交流", dimension: "I" }
                ]
            },
            {
                id: 12,
                text: "你对新认识的人通常会：",
                options: [
                    { id: "q12a", text: "很快敞开心扉，分享个人信息", dimension: "E" },
                    { id: "q12b", text: "慢慢建立信任，不轻易分享私事", dimension: "I" },
                    { id: "q12c", text: "根据感觉决定分享多少", dimension: null },
                    { id: "q12d", text: "保持一定距离，需要时间才会敞开心扉", dimension: "I" }
                ]
            },
            {
                id: 13,
                text: "你更喜欢哪种学习方式？",
                options: [
                    { id: "q13a", text: "小组讨论，和同学一起学习", dimension: "E" },
                    { id: "q13b", text: "独自学习，自己理解内容", dimension: "I" },
                    { id: "q13c", text: "结合两种方式，先自学再讨论", dimension: null },
                    { id: "q13d", text: "一对一辅导而非大组学习", dimension: "I" }
                ]
            },
            {
                id: 14,
                text: "在会议中，你通常：",
                options: [
                    { id: "q14a", text: "积极参与，经常发言", dimension: "E" },
                    { id: "q14b", text: "认真倾听，很少主动发言", dimension: "I" },
                    { id: "q14c", text: "有重要想法时才发言", dimension: null },
                    { id: "q14d", text: "会后更愿意和少数人讨论", dimension: "I" }
                ]
            },
            {
                id: 15,
                text: "当你收到赞美时，你会：",
                options: [
                    { id: "q15a", text: "欣然接受，并表示感谢", dimension: "E" },
                    { id: "q15b", text: "感到有点不自在，可能会转移话题", dimension: "I" },
                    { id: "q15c", text: "视情况而定，有时欣然接受有时不好意思", dimension: null },
                    { id: "q15d", text: "倾向于低调回应，不喜欢成为焦点", dimension: "I" }
                ]
            },
            
            // 感觉(S) vs 直觉(N) - 16-30题
            {
                id: 16,
                text: "当你学习新事物时，你更关注：",
                options: [
                    { id: "q16a", text: "具体的事实和细节", dimension: "S" },
                    { id: "q16b", text: "整体概念和可能的联系", dimension: "N" },
                    { id: "q16c", text: "两者都有，先了解概念再深入细节", dimension: null },
                    { id: "q16d", text: "如何应用这些知识解决问题", dimension: "S" }
                ]
            },
            {
                id: 17,
                text: "你更擅长记住：",
                options: [
                    { id: "q17a", text: "具体的事实、日期和细节", dimension: "S" },
                    { id: "q17b", text: "整体印象和想法", dimension: "N" },
                    { id: "q17c", text: "视内容而定，重要的都能记住", dimension: null },
                    { id: "q17d", text: "对我有意义或有趣的信息", dimension: "N" }
                ]
            },
            {
                id: 18,
                text: "在做计划时，你更关注：",
                options: [
                    { id: "q18a", text: "实际可行的步骤和具体安排", dimension: "S" },
                    { id: "q18b", text: "最终目标和可能的机会", dimension: "N" },
                    { id: "q18c", text: "既有目标也有具体步骤", dimension: null },
                    { id: "q18d", text: "灵活应变的空间", dimension: "N" }
                ]
            },
            {
                id: 19,
                text: "你对以下哪类话题更感兴趣？",
                options: [
                    { id: "q19a", text: "实际的、当下的问题和解决方案", dimension: "S" },
                    { id: "q19b", text: "抽象的、未来的可能性和想法", dimension: "N" },
                    { id: "q19c", text: "两者都有兴趣，视情况而定", dimension: null },
                    { id: "q19d", text: "理论与实践结合的话题", dimension: "N" }
                ]
            },
            {
                id: 20,
                text: "当别人向你描述一个想法时，你首先关注：",
                options: [
                    { id: "q20a", text: "它是否实际可行，细节如何", dimension: "S" },
                    { id: "q20b", text: "它的潜力和创新之处", dimension: "N" },
                    { id: "q20c", text: "既有潜力也有可行性", dimension: null },
                    { id: "q20d", text: "它背后的理念和意义", dimension: "N" }
                ]
            },
            {
                id: 21,
                text: "你更倾向于相信：",
                options: [
                    { id: "q21a", text: "通过经验验证的事实", dimension: "S" },
                    { id: "q21b", text: "直觉和灵感", dimension: "N" },
                    { id: "q21c", text: "两者结合，事实和直觉都重要", dimension: null },
                    { id: "q21d", text: "逻辑推理得出的结论", dimension: "S" }
                ]
            },
            {
                id: 22,
                text: "在解决问题时，你更倾向于：",
                options: [
                    { id: "q22a", text: "使用已有的方法和经验", dimension: "S" },
                    { id: "q22b", text: "尝试新的思路和方法", dimension: "N" },
                    { id: "q22c", text: "视问题而定，灵活选择方法", dimension: null },
                    { id: "q22d", text: "寻找创新但实用的解决方案", dimension: "N" }
                ]
            },
            {
                id: 23,
                text: "你对未来的态度是：",
                options: [
                    { id: "q23a", text: "关注近期可实现的目标", dimension: "S" },
                    { id: "q23b", text: "畅想长远的可能性", dimension: "N" },
                    { id: "q23c", text: "既有短期计划也有长期愿景", dimension: null },
                    { id: "q23d", text: "更关注当下，未来顺其自然", dimension: "S" }
                ]
            },
            {
                id: 24,
                text: "你更欣赏哪种艺术作品？",
                options: [
                    { id: "q24a", text: "写实的、细节丰富的作品", dimension: "S" },
                    { id: "q24b", text: "抽象的、富有想象力的作品", dimension: "N" },
                    { id: "q24c", text: "不同类型的作品有不同的欣赏点", dimension: null },
                    { id: "q24d", text: "有深层含义的作品", dimension: "N" }
                ]
            },
            {
                id: 25,
                text: "在阅读时，你更喜欢：",
                options: [
                    { id: "q25a", text: "非虚构类，提供实际信息和知识", dimension: "S" },
                    { id: "q25b", text: "虚构类，尤其是科幻或奇幻作品", dimension: "N" },
                    { id: "q25c", text: "两者都读，视心情而定", dimension: null },
                    { id: "q25d", text: "能启发思考的书籍，无论类型", dimension: "N" }
                ]
            },
            {
                id: 26,
                text: "你做决定时更依赖：",
                options: [
                    { id: "q26a", text: "已知的事实和数据", dimension: "S" },
                    { id: "q26b", text: "模式和可能性", dimension: "N" },
                    { id: "q26c", text: "事实和直觉的结合", dimension: null },
                    { id: "q26d", text: "对未来的预测和想象", dimension: "N" }
                ]
            },
            {
                id: 27,
                text: "你如何看待规则和传统？",
                options: [
                    { id: "q27a", text: "通常有其价值，应该遵守", dimension: "S" },
                    { id: "q27b", text: "经常需要被挑战和改变", dimension: "N" },
                    { id: "q27c", text: "视情况而定，有些值得遵守有些需要改变", dimension: null },
                    { id: "q27d", text: "更关注背后的原理而非形式", dimension: "N" }
                ]
            },
            {
                id: 28,
                text: "你更关注事物的：",
                options: [
                    { id: "q28a", text: "现状和实际情况", dimension: "S" },
                    { id: "q28b", text: "潜力和可能性", dimension: "N" },
                    { id: "q28c", text: "既有现状也有潜力", dimension: null },
                    { id: "q28d", text: "发展趋势和变化", dimension: "N" }
                ]
            },
            {
                id: 29,
                text: "在学习新技能时，你更注重：",
                options: [
                    { id: "q29a", text: "掌握具体步骤和技巧", dimension: "S" },
                    { id: "q29b", text: "理解原理和创新应用", dimension: "N" },
                    { id: "q29c", text: "既能掌握技巧也能理解原理", dimension: null },
                    { id: "q29d", text: "如何将技能与其他知识结合", dimension: "N" }
                ]
            },
            {
                id: 30,
                text: "你对细节的态度是：",
                options: [
                    { id: "q30a", text: "注重细节，认为细节很重要", dimension: "S" },
                    { id: "q30b", text: "更关注整体，细节可以忽略", dimension: "N" },
                    { id: "q30c", text: "重要的细节关注，次要的可以忽略", dimension: null },
                    { id: "q30d", text: "只要不影响整体，细节不重要", dimension: "N" }
                ]
            },
            
            // 思考(T) vs 情感(F) - 31-45题
            {
                id: 31,
                text: "在做决定时，你更看重：",
                options: [
                    { id: "q31a", text: "逻辑和公平性", dimension: "T" },
                    { id: "q31b", text: "和谐和他人感受", dimension: "F" },
                    { id: "q31c", text: "视情况而定，有时逻辑有时情感", dimension: null },
                    { id: "q31d", text: "长期影响和后果", dimension: "T" }
                ]
            },
            {
                id: 32,
                text: "当朋友向你求助时，你更可能：",
                options: [
                    { id: "q32a", text: "提供实际解决方案", dimension: "T" },
                    { id: "q32b", text: "先倾听和共情，再提供支持", dimension: "F" },
                    { id: "q32c", text: "既倾听也提供解决方案", dimension: null },
                    { id: "q32d", text: "根据朋友的需求调整方式", dimension: "F" }
                ]
            },
            {
                id: 33,
                text: "你如何处理冲突？",
                options: [
                    { id: "q33a", text: "直接面对，寻找逻辑解决方案", dimension: "T" },
                    { id: "q33b", text: "尽量避免，寻求和谐", dimension: "F" },
                    { id: "q33c", text: "视情况而定，有时直接有时委婉", dimension: null },
                    { id: "q33d", text: "关注每个人的需求，寻求双赢", dimension: "F" }
                ]
            },
            {
                id: 34,
                text: "你更欣赏哪种领导风格？",
                options: [
                    { id: "q34a", text: "果断、理性、以结果为导向", dimension: "T" },
                    { id: "q34b", text: "包容、关怀、注重团队和谐", dimension: "F" },
                    { id: "q34c", text: "既理性又关怀的平衡型", dimension: null },
                    { id: "q34d", text: "能激发团队潜能的赋能型", dimension: "F" }
                ]
            },
            {
                id: 35,
                text: "在评价他人时，你更注重：",
                options: [
                    { id: "q35a", text: "能力和效率", dimension: "T" },
                    { id: "q35b", text: "善良和同理心", dimension: "F" },
                    { id: "q35c", text: "综合考虑多种品质", dimension: null },
                    { id: "q35d", text: "诚信和责任感", dimension: "T" }
                ]
            },
            {
                id: 36,
                text: "当你需要给出反馈时，你倾向于：",
                options: [
                    { id: "q36a", text: "直接、诚实，即使可能伤人", dimension: "T" },
                    { id: "q36b", text: "委婉、建设性，考虑对方感受", dimension: "F" },
                    { id: "q36c", text: "既诚实又委婉，平衡真相和感受", dimension: null },
                    { id: "q36d", text: "先肯定再提出改进建议", dimension: "F" }
                ]
            },
            {
                id: 37,
                text: "你认为公平意味着：",
                options: [
                    { id: "q37a", text: "对所有人一视同仁，不搞特殊", dimension: "T" },
                    { id: "q37b", text: "考虑每个人的具体情况和需求", dimension: "F" },
                    { id: "q37c", text: "视情况而定，有时需要灵活处理", dimension: null },
                    { id: "q37d", text: "确保结果对大多数人有利", dimension: "T" }
                ]
            },
            {
                id: 38,
                text: "在团队中，你更关注：",
                options: [
                    { id: "q38a", text: "任务完成和效率", dimension: "T" },
                    { id: "q38b", text: "团队氛围和成员感受", dimension: "F" },
                    { id: "q38c", text: "既关注任务也关注团队氛围", dimension: null },
                    { id: "q38d", text: "每个人的成长和发展", dimension: "F" }
                ]
            },
            {
                id: 39,
                text: "你如何处理批评？",
                options: [
                    { id: "q39a", text: "客观分析，有用的就接受", dimension: "T" },
                    { id: "q39b", text: "可能会感到受伤，需要时间消化", dimension: "F" },
                    { id: "q39c", text: "视批评方式而定，有时客观有时受伤", dimension: null },
                    { id: "q39d", text: "先考虑批评是否合理，再决定是否接受", dimension: "T" }
                ]
            },
            {
                id: 40,
                text: "你更倾向于：",
                options: [
                    { id: "q40a", text: "坚持原则，即使不受欢迎", dimension: "T" },
                    { id: "q40b", text: "为了和谐而妥协", dimension: "F" },
                    { id: "q40c", text: "视情况而定，重要原则不妥协", dimension: null },
                    { id: "q40d", text: "寻找既符合原则又能保持和谐的方式", dimension: "F" }
                ]
            },
            {
                id: 41,
                text: "在做道德判断时，你更依赖：",
                options: [
                    { id: "q41a", text: "普遍的原则和逻辑", dimension: "T" },
                    { id: "q41b", text: "具体情境和人际关系", dimension: "F" },
                    { id: "q41c", text: "两者结合，视情况而定", dimension: null },
                    { id: "q41d", text: "对他人的影响和后果", dimension: "F" }
                ]
            },
            {
                id: 42,
                text: "你如何看待情感在决策中的作用？",
                options: [
                    { id: "q42a", text: "应该尽量避免，保持理性", dimension: "T" },
                    { id: "q42b", text: "是重要的因素，应该考虑", dimension: "F" },
                    { id: "q42c", text: "适度考虑，既不忽视也不被主导", dimension: null },
                    { id: "q42d", text: "情感提供重要信息，但最终靠理性", dimension: "T" }
                ]
            },
            {
                id: 43,
                text: "你更擅长处理：",
                options: [
                    { id: "q43a", text: "技术性问题", dimension: "T" },
                    { id: "q43b", text: "人际关系问题", dimension: "F" },
                    { id: "q43c", text: "视问题类型而定", dimension: null },
                    { id: "q43d", text: "需要综合考虑的复杂问题", dimension: "F" }
                ]
            },
            {
                id: 44,
                text: "当你必须做出困难决定时，你会：",
                options: [
                    { id: "q44a", text: "优先考虑逻辑和长期结果", dimension: "T" },
                    { id: "q44b", text: "优先考虑对他人的影响", dimension: "F" },
                    { id: "q44c", text: "尽量平衡两者", dimension: null },
                    { id: "q44d", text: "寻找对大多数人最有利的方案", dimension: "T" }
                ]
            },
            {
                id: 45,
                text: "你对规则的态度是：",
                options: [
                    { id: "q45a", text: "应该严格遵守，确保公平", dimension: "T" },
                    { id: "q45b", text: "可以灵活变通，考虑特殊情况", dimension: "F" },
                    { id: "q45c", text: "重要规则严格遵守，其他可以灵活", dimension: null },
                    { id: "q45d", text: "规则应服务于人，而非相反", dimension: "F" }
                ]
            },
            
            // 判断(J) vs 知觉(P) - 46-60题
            {
                id: 46,
                text: "你更倾向于：",
                options: [
                    { id: "q46a", text: "有计划、有组织地做事", dimension: "J" },
                    { id: "q46b", text: "灵活、随性地做事", dimension: "P" },
                    { id: "q46c", text: "视情况而定，有时计划有时灵活", dimension: null },
                    { id: "q46d", text: "有大致计划，但保留调整空间", dimension: "J" }
                ]
            },
            {
                id: 47,
                text: "当计划被打乱时，你会：",
                options: [
                    { id: "q47a", text: "感到烦躁，尽快恢复计划", dimension: "J" },
                    { id: "q47b", text: "灵活适应，视其为新机会", dimension: "P" },
                    { id: "q47c", text: "有点烦躁，但会尝试适应", dimension: null },
                    { id: "q47d", text: "根据情况决定是否调整", dimension: "P" }
                ]
            },
            {
                id: 48,
                text: "你的生活空间通常是：",
                options: [
                    { id: "q48a", text: "整洁有序，东西有固定位置", dimension: "J" },
                    { id: "q48b", text: "比较随意，按使用方便摆放", dimension: "P" },
                    { id: "q48c", text: "整体整洁，但有些区域随意", dimension: null },
                    { id: "q48d", text: "需要时才整理，平时比较随意", dimension: "P" }
                ]
            },
            {
                id: 49,
                text: "在工作截止日期前，你会：",
                options: [
                    { id: "q49a", text: "提前完成，避免最后一刻压力", dimension: "J" },
                    { id: "q49b", text: "在截止日期附近完成，可能拖延", dimension: "P" },
                    { id: "q49c", text: "视任务而定，重要的提前完成", dimension: null },
                    { id: "q49d", text: "有自己的节奏，不一定提前完成", dimension: "P" }
                ]
            },
            {
                id: 50,
                text: "你更享受：",
                options: [
                    { id: "q50a", text: "完成任务的成就感", dimension: "J" },
                    { id: "q50b", text: "过程中的探索和发现", dimension: "P" },
                    { id: "q50c", text: "既有过程的乐趣也有完成的满足", dimension: null },
                    { id: "q50d", text: "灵活应对挑战的过程", dimension: "P" }
                ]
            },
            {
                id: 51,
                text: "你对日程安排的态度是：",
                options: [
                    { id: "q51a", text: "喜欢有明确的日程，按计划进行", dimension: "J" },
                    { id: "q51b", text: "更喜欢灵活安排，避免过于固定", dimension: "P" },
                    { id: "q51c", text: "重要事情有计划，其他灵活", dimension: null },
                    { id: "q51d", text: "有大致安排，但经常调整", dimension: "P" }
                ]
            },
            {
                id: 52,
                text: "在团队项目中，你更可能：",
                options: [
                    { id: "q52a", text: "推动制定计划，确保按时完成", dimension: "J" },
                    { id: "q52b", text: "随项目发展灵活应对，享受过程", dimension: "P" },
                    { id: "q52c", text: "既关注计划也保持灵活性", dimension: null },
                    { id: "q52d", text: "在需要时提供支持，但不主导计划", dimension: "P" }
                ]
            },
            {
                id: 53,
                text: "你如何处理多项任务？",
                options: [
                    { id: "q53a", text: "按优先级排序，逐一完成", dimension: "J" },
                    { id: "q53b", text: "同时处理多项任务，灵活切换", dimension: "P" },
                    { id: "q53c", text: "视任务性质而定，有时排序有时并行", dimension: null },
                    { id: "q53d", text: "先处理紧急的，其他顺其自然", dimension: "P" }
                ]
            },
            {
                id: 54,
                text: "你更倾向于：",
                options: [
                    { id: "q54a", text: "做出决定并坚持执行", dimension: "J" },
                    { id: "q54b", text: "保持开放，推迟做决定", dimension: "P" },
                    { id: "q54c", text: "重要决定尽快做，其他可以推迟", dimension: null },
                    { id: "q54d", text: "收集足够信息后再做决定", dimension: "P" }
                ]
            },
            {
                id: 55,
                text: "在假期前，你会：",
                options: [
                    { id: "q55a", text: "详细规划行程和活动", dimension: "J" },
                    { id: "q55b", text: "大致有想法，到时候再决定", dimension: "P" },
                    { id: "q55c", text: "有大致计划，但保留灵活空间", dimension: null },
                    { id: "q55d", text: "很少计划，随遇而安", dimension: "P" }
                ]
            },
            {
                id: 56,
                text: "你对未完成的事情的态度是：",
                options: [
                    { id: "q56a", text: "感到不安，尽快完成", dimension: "J" },
                    { id: "q56b", text: "不太在意，顺其自然", dimension: "P" },
                    { id: "q56c", text: "重要的事情会不安，其他无所谓", dimension: null },
                    { id: "q56d", text: "记在心里，有空再处理", dimension: "P" }
                ]
            },
            {
                id: 57,
                text: "你更欣赏哪种工作方式？",
                options: [
                    { id: "q57a", text: "有明确目标和步骤", dimension: "J" },
                    { id: "q57b", text: "灵活自由，自主决定", dimension: "P" },
                    { id: "q57c", text: "既有目标也有自由度", dimension: null },
                    { id: "q57d", text: "根据情况调整，不必一成不变", dimension: "P" }
                ]
            },
            {
                id: 58,
                text: "当你有空闲时间时，你会：",
                options: [
                    { id: "q58a", text: "提前计划好要做的事情", dimension: "J" },
                    { id: "q58b", text: "随心情决定，享受即兴的乐趣", dimension: "P" },
                    { id: "q58c", text: "有时计划，有时即兴", dimension: null },
                    { id: "q58d", text: "倾向于放松，不做太多计划", dimension: "P" }
                ]
            },
            {
                id: 59,
                text: "你对规则和流程的态度是：",
                options: [
                    { id: "q59a", text: "认为有必要，能提高效率", dimension: "J" },
                    { id: "q59b", text: "觉得限制太多，更喜欢自由", dimension: "P" },
                    { id: "q59c", text: "必要的规则遵守，过多则反感", dimension: null },
                    { id: "q59d", text: "视情况而定，不必严格遵守", dimension: "P" }
                ]
            },
            {
                id: 60,
                text: "在项目结束时，你更关注：",
                options: [
                    { id: "q60a", text: "是否按计划完成，结果是否达标", dimension: "J" },
                    { id: "q60b", text: "过程中学到的东西和经验", dimension: "P" },
                    { id: "q60c", text: "既有结果也有过程的收获", dimension: null },
                    { id: "q60d", text: "是否有新的发现或机会", dimension: "P" }
                ]
            },
            // 额外题目 61-72
            {
                id: 61,
                text: "当你面对新的挑战时，你更倾向于：",
                options: [
                    { id: "q61a", text: "立即行动，在实践中学习", dimension: "E" },
                    { id: "q61b", text: "先研究分析，制定计划", dimension: "I" },
                    { id: "q61c", text: "寻求他人的建议和经验", dimension: "E" },
                    { id: "q61d", text: "独自思考最佳方案", dimension: "I" }
                ]
            },
            {
                id: 62,
                text: "你更关注信息的：",
                options: [
                    { id: "q62a", text: "准确性和可靠性", dimension: "S" },
                    { id: "q62b", text: "创新性和前瞻性", dimension: "N" },
                    { id: "q62c", text: "实用性和可操作性", dimension: "S" },
                    { id: "q62d", text: "启发性和想象力", dimension: "N" }
                ]
            },
            {
                id: 63,
                text: "在团队冲突中，你更可能：",
                options: [
                    { id: "q63a", text: "分析问题根源，寻找解决方案", dimension: "T" },
                    { id: "q63b", text: "关注每个人的感受，促进和谐", dimension: "F" },
                    { id: "q63c", text: "保持中立，客观评估", dimension: "T" },
                    { id: "q63d", text: "调解关系，维护团队氛围", dimension: "F" }
                ]
            },
            {
                id: 64,
                text: "你更喜欢的工作方式是：",
                options: [
                    { id: "q64a", text: "按既定流程，有条不紊", dimension: "J" },
                    { id: "q64b", text: "灵活应变，随机应变", dimension: "P" },
                    { id: "q64c", text: "提前规划，严格执行", dimension: "J" },
                    { id: "q64d", text: "保持开放，随时调整", dimension: "P" }
                ]
            },
            {
                id: 65,
                text: "当你需要放松时，你更可能：",
                options: [
                    { id: "q65a", text: "和朋友聚会聊天", dimension: "E" },
                    { id: "q65b", text: "独自阅读或冥想", dimension: "I" },
                    { id: "q65c", text: "参加社交活动", dimension: "E" },
                    { id: "q65d", text: "享受独处的宁静", dimension: "I" }
                ]
            },
            {
                id: 66,
                text: "你更相信：",
                options: [
                    { id: "q66a", text: "经验是最好的老师", dimension: "S" },
                    { id: "q66b", text: "直觉往往是对的", dimension: "N" },
                    { id: "q66c", text: "实践出真知", dimension: "S" },
                    { id: "q66d", text: "灵感来自内心", dimension: "N" }
                ]
            },
            {
                id: 67,
                text: "在评价他人时，你更注重：",
                options: [
                    { id: "q67a", text: "能力和效率", dimension: "T" },
                    { id: "q67b", text: "人品和态度", dimension: "F" },
                    { id: "q67c", text: "结果和表现", dimension: "T" },
                    { id: "q67d", text: "努力和用心", dimension: "F" }
                ]
            },
            {
                id: 68,
                text: "你更倾向于：",
                options: [
                    { id: "q68a", text: "完成既定目标", dimension: "J" },
                    { id: "q68b", text: "探索新的可能性", dimension: "P" },
                    { id: "q68c", text: "按计划执行", dimension: "J" },
                    { id: "q68d", text: "保持选择的开放性", dimension: "P" }
                ]
            },
            {
                id: 69,
                text: "在社交场合，你通常：",
                options: [
                    { id: "q69a", text: "主动认识新朋友", dimension: "E" },
                    { id: "q69b", text: "与熟悉的人交流", dimension: "I" },
                    { id: "q69c", text: "成为聚会的焦点", dimension: "E" },
                    { id: "q69d", text: "在角落观察他人", dimension: "I" }
                ]
            },
            {
                id: 70,
                text: "你更擅长：",
                options: [
                    { id: "q70a", text: "处理具体细节", dimension: "S" },
                    { id: "q70b", text: "把握整体趋势", dimension: "N" },
                    { id: "q70c", text: "执行具体任务", dimension: "S" },
                    { id: "q70d", text: "发现新的机会", dimension: "N" }
                ]
            },
            {
                id: 71,
                text: "面对批评时，你更可能：",
                options: [
                    { id: "q71a", text: "理性分析批评的合理性", dimension: "T" },
                    { id: "q71b", text: "关注批评者的动机", dimension: "F" },
                    { id: "q71c", text: "客观评估批评内容", dimension: "T" },
                    { id: "q71d", text: "考虑批评对关系的影响", dimension: "F" }
                ]
            },
            {
                id: 72,
                text: "你更享受：",
                options: [
                    { id: "q72a", text: "按计划完成任务的成就感", dimension: "J" },
                    { id: "q72b", text: "探索未知领域的兴奋感", dimension: "P" },
                    { id: "q72c", text: "达成预定目标的满足感", dimension: "J" },
                    { id: "q72d", text: "发现新事物的惊喜感", dimension: "P" }
                ]
            },
            // 额外题目 73-93
            {
                id: 73,
                text: "当你需要学习新知识时，你更倾向于：",
                options: [
                    { id: "q73a", text: "通过实践和体验学习", dimension: "E" },
                    { id: "q73b", text: "通过阅读和思考学习", dimension: "I" },
                    { id: "q73c", text: "与他人讨论和交流", dimension: "E" },
                    { id: "q73d", text: "独自深入研究和理解", dimension: "I" }
                ]
            },
            {
                id: 74,
                text: "你更关注信息的：",
                options: [
                    { id: "q74a", text: "具体细节和实际应用", dimension: "S" },
                    { id: "q74b", text: "抽象概念和理论框架", dimension: "N" },
                    { id: "q74c", text: "实用性和可操作性", dimension: "S" },
                    { id: "q74d", text: "创新性和前瞻性", dimension: "N" }
                ]
            },
            {
                id: 75,
                text: "在团队决策中，你更可能：",
                options: [
                    { id: "q75a", text: "基于数据分析做决定", dimension: "T" },
                    { id: "q75b", text: "考虑团队成员的感受", dimension: "F" },
                    { id: "q75c", text: "追求最优解决方案", dimension: "T" },
                    { id: "q75d", text: "维护团队和谐关系", dimension: "F" }
                ]
            },
            {
                id: 76,
                text: "你更喜欢的工作节奏是：",
                options: [
                    { id: "q76a", text: "稳定有序，按部就班", dimension: "J" },
                    { id: "q76b", text: "灵活多变，充满挑战", dimension: "P" },
                    { id: "q76c", text: "有计划有目标", dimension: "J" },
                    { id: "q76d", text: "随性而为，自由发挥", dimension: "P" }
                ]
            },
            {
                id: 77,
                text: "当你遇到困难时，你更可能：",
                options: [
                    { id: "q77a", text: "寻求他人的帮助和建议", dimension: "E" },
                    { id: "q77b", text: "独自思考解决方案", dimension: "I" },
                    { id: "q77c", text: "与朋友讨论问题", dimension: "E" },
                    { id: "q77d", text: "静下心来分析问题", dimension: "I" }
                ]
            },
            {
                id: 78,
                text: "你更相信：",
                options: [
                    { id: "q78a", text: "事实胜于雄辩", dimension: "S" },
                    { id: "q78b", text: "直觉往往很准确", dimension: "N" },
                    { id: "q78c", text: "实践是检验真理的标准", dimension: "S" },
                    { id: "q78d", text: "灵感来自内心", dimension: "N" }
                ]
            },
            {
                id: 79,
                text: "面对批评时，你更可能：",
                options: [
                    { id: "q79a", text: "客观分析批评的合理性", dimension: "T" },
                    { id: "q79b", text: "关注批评者的态度和动机", dimension: "F" },
                    { id: "q79c", text: "理性评估批评内容", dimension: "T" },
                    { id: "q79d", text: "考虑批评对关系的影响", dimension: "F" }
                ]
            },
            {
                id: 80,
                text: "你更倾向于：",
                options: [
                    { id: "q80a", text: "完成既定计划", dimension: "J" },
                    { id: "q80b", text: "探索新的可能性", dimension: "P" },
                    { id: "q80c", text: "按计划执行任务", dimension: "J" },
                    { id: "q80d", text: "保持选择的开放性", dimension: "P" }
                ]
            },
            {
                id: 81,
                text: "在社交场合，你通常：",
                options: [
                    { id: "q81a", text: "主动开始对话", dimension: "E" },
                    { id: "q81b", text: "等待别人来交谈", dimension: "I" },
                    { id: "q81c", text: "成为聚会的中心", dimension: "E" },
                    { id: "q81d", text: "在边缘观察他人", dimension: "I" }
                ]
            },
            {
                id: 82,
                text: "你更擅长：",
                options: [
                    { id: "q82a", text: "处理具体的事务", dimension: "S" },
                    { id: "q82b", text: "把握整体的趋势", dimension: "N" },
                    { id: "q82c", text: "执行具体的任务", dimension: "S" },
                    { id: "q82d", text: "发现新的机会", dimension: "N" }
                ]
            },
            {
                id: 83,
                text: "在评价他人时，你更注重：",
                options: [
                    { id: "q83a", text: "能力和效率", dimension: "T" },
                    { id: "q83b", text: "人品和态度", dimension: "F" },
                    { id: "q83c", text: "结果和表现", dimension: "T" },
                    { id: "q83d", text: "努力和用心", dimension: "F" }
                ]
            },
            {
                id: 84,
                text: "你更享受：",
                options: [
                    { id: "q84a", text: "按计划完成任务的成就感", dimension: "J" },
                    { id: "q84b", text: "探索未知领域的兴奋感", dimension: "P" },
                    { id: "q84c", text: "达成预定目标的满足感", dimension: "J" },
                    { id: "q84d", text: "发现新事物的惊喜感", dimension: "P" }
                ]
            },
            {
                id: 85,
                text: "当你需要做重要决定时，你更倾向于：",
                options: [
                    { id: "q85a", text: "和他人讨论，听取意见", dimension: "E" },
                    { id: "q85b", text: "自己安静思考，权衡利弊", dimension: "I" },
                    { id: "q85c", text: "寻求多方面的建议", dimension: "E" },
                    { id: "q85d", text: "独自深入分析", dimension: "I" }
                ]
            },
            {
                id: 86,
                text: "你更关注：",
                options: [
                    { id: "q86a", text: "当前的实际状况", dimension: "S" },
                    { id: "q86b", text: "未来的发展可能", dimension: "N" },
                    { id: "q86c", text: "现实和现状", dimension: "S" },
                    { id: "q86d", text: "可能性和潜力", dimension: "N" }
                ]
            },
            {
                id: 87,
                text: "在团队中，你更可能：",
                options: [
                    { id: "q87a", text: "关注任务完成和效率", dimension: "T" },
                    { id: "q87b", text: "关注团队氛围和成员感受", dimension: "F" },
                    { id: "q87c", text: "推动项目进展", dimension: "T" },
                    { id: "q87d", text: "维护团队和谐", dimension: "F" }
                ]
            },
            {
                id: 88,
                text: "你更喜欢：",
                options: [
                    { id: "q88a", text: "有明确规则的环境", dimension: "J" },
                    { id: "q88b", text: "灵活自由的环境", dimension: "P" },
                    { id: "q88c", text: "有序和稳定的环境", dimension: "J" },
                    { id: "q88d", text: "充满变化的环境", dimension: "P" }
                ]
            },
            {
                id: 89,
                text: "面对新挑战时，你更倾向于：",
                options: [
                    { id: "q89a", text: "立即行动，在实践中学习", dimension: "E" },
                    { id: "q89b", text: "先研究分析，制定计划", dimension: "I" },
                    { id: "q89c", text: "寻求他人的建议和经验", dimension: "E" },
                    { id: "q89d", text: "独自思考最佳方案", dimension: "I" }
                ]
            },
            {
                id: 90,
                text: "你更相信：",
                options: [
                    { id: "q90a", text: "经验是最好的老师", dimension: "S" },
                    { id: "q90b", text: "直觉往往是对的", dimension: "N" },
                    { id: "q90c", text: "实践出真知", dimension: "S" },
                    { id: "q90d", text: "灵感来自内心", dimension: "N" }
                ]
            },
            {
                id: 91,
                text: "面对困难时，你更可能：",
                options: [
                    { id: "q91a", text: "分析问题找解决方案", dimension: "T" },
                    { id: "q91b", text: "寻求情感支持", dimension: "F" },
                    { id: "q91c", text: "理性处理问题", dimension: "T" },
                    { id: "q91d", text: "关注他人的感受", dimension: "F" }
                ]
            },
            {
                id: 92,
                text: "你更倾向于：",
                options: [
                    { id: "q92a", text: "按计划行事", dimension: "J" },
                    { id: "q92b", text: "随机应变", dimension: "P" },
                    { id: "q92c", text: "提前规划", dimension: "J" },
                    { id: "q92d", text: "保持灵活", dimension: "P" }
                ]
            },
            {
                id: 93,
                text: "在项目结束时，你更关注：",
                options: [
                    { id: "q93a", text: "是否按计划完成，结果是否达标", dimension: "J" },
                    { id: "q93b", text: "过程中学到的东西和经验", dimension: "P" },
                    { id: "q93c", text: "既有结果也有过程的收获", dimension: null },
                    { id: "q93d", text: "是否有新的发现或机会", dimension: "P" }
                ]
            }
        ];

        // 当前题目标号
        let currentQuestionIndex = 0;
        // 存储用户答案
        const userAnswers = {};
        // 存储每个维度的得分
        const scores = {
            "E": 0, "I": 0,
            "S": 0, "N": 0,
            "T": 0, "F": 0,
            "J": 0, "P": 0
        };

        // DOM元素
        const testInstructions = document.getElementById('test-instructions');
        const questionsContainer = document.getElementById('questions-container');
        const navigationButtons = document.getElementById('navigation-buttons');
        const prevButton = document.getElementById('prev-button');
        const nextButton = document.getElementById('next-button');
        const finishButtonContainer = document.getElementById('finish-button-container');
        const progressBar = document.getElementById('progress-bar');
        const progressText = document.getElementById('progress-text');
        const timeEstimate = document.getElementById('time-estimate');
        const startTestButton = document.getElementById('start-test');
        const finishTestButton = document.getElementById('finish-test');
        const backButton = document.getElementById('back-button');
        const mascot = document.getElementById('mascot');
        const mascotEyeLeft = document.getElementById('mascot-eye-left');
        const mascotEyeRight = document.getElementById('mascot-eye-right');
        const mascotMouth = document.getElementById('mascot-mouth');

        // 初始化页面
        function init() {
            // 开始测试按钮点击事件
            startTestButton.addEventListener('click', startTest);
            
            // 上一题/下一题按钮点击事件
            prevButton.addEventListener('click', goToPrevQuestion);
            nextButton.addEventListener('click', goToNextQuestion);
            
            // 完成测试按钮点击事件
            finishTestButton.addEventListener('click', calculateResult);
            
            // 返回按钮点击事件
            backButton.addEventListener('click', () => {
                if (confirm('确定要退出测试吗？已完成的测试进度将不会保存。')) {
                    // 这里应该是返回上一页的逻辑，暂时用返回首页代替
                    window.location.href = 'index.html';
                }
            });
            
            // 结果弹框事件
            initResultModal();
        }

        // 初始化结果弹框事件
        function initResultModal() {
            const modal = document.getElementById('result-modal');
            const closeButton = document.getElementById('close-result-modal');
            const retakeButton = document.getElementById('retake-test');
            const backToHomeButton = document.getElementById('back-to-home');
            
            // 关闭弹框
            closeButton.addEventListener('click', closeResultModal);
            
            // 点击背景关闭弹框
            modal.addEventListener('click', (e) => {
                if (e.target === modal) {
                    closeResultModal();
                }
            });
            
            // 重新测试
            retakeButton.addEventListener('click', () => {
                closeResultModal();
                resetTest();
            });
            
            // 返回首页
            backToHomeButton.addEventListener('click', () => {
                window.location.href = 'index.html';
            });
        }

        // 关闭结果弹框
        function closeResultModal() {
            const modal = document.getElementById('result-modal');
            const modalContent = modal.querySelector('.absolute');
            
            // 添加关闭动画
            modalContent.classList.add('translate-y-full');
            
            setTimeout(() => {
                modal.classList.add('hidden');
            }, 300);
        }

        // 重置测试
        function resetTest() {
            // 重置所有状态
            currentQuestionIndex = 0;
            Object.keys(userAnswers).forEach(key => delete userAnswers[key]);
            Object.keys(scores).forEach(key => scores[key] = 0);
            
            // 隐藏测试相关元素
            document.getElementById('progress-container').classList.add('hidden');
            questionsContainer.classList.add('hidden');
            navigationButtons.classList.add('hidden');
            finishButtonContainer.classList.add('hidden');
            mascot.classList.add('hidden');
            
            // 显示测试说明
            testInstructions.classList.remove('hidden');
            
            // 滚动到顶部
            window.scrollTo(0, 0);
        }

        // 开始测试
        function startTest() {
            testInstructions.classList.add('hidden');
            document.getElementById('progress-container').classList.remove('hidden');
            questionsContainer.classList.remove('hidden');
            navigationButtons.classList.remove('hidden');
            mascot.classList.remove('hidden');
            
            // 显示第一题
            renderQuestion(currentQuestionIndex);
            updateProgress();
        }

        // 渲染当前题目
        function renderQuestion(index) {
            const question = questions[index];
            questionsContainer.innerHTML = `
                <div class="bg-white/90 backdrop-blur-sm rounded-2xl shadow-lg p-6 mb-6 border border-white/50">
                    <div class="flex items-center mb-4">
                        <div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-secondary/20 flex items-center justify-center mr-3">
                            <span class="text-sm font-bold text-primary">${question.id}</span>
                        </div>
                        <h2 class="text-lg font-semibold text-gray-800">${question.text}</h2>
                    </div>
                    <div class="space-y-3">
                        ${question.options.map(option => `
                            <div class="option-hover p-4 border rounded-xl cursor-pointer transition-all duration-300 ${userAnswers[question.id] === option.id ? 'border-primary bg-primary/10 shadow-md' : 'border-gray-200 hover:border-primary/50 hover:bg-primary/5'}" 
                                 onclick="selectOption(${question.id}, '${option.id}', '${option.dimension}')">
                                <div class="flex items-center">
                                    <div class="w-5 h-5 rounded-full border-2 ${userAnswers[question.id] === option.id ? 'border-primary bg-primary' : 'border-gray-300'} flex items-center justify-center mr-3 transition-all duration-300">
                                        ${userAnswers[question.id] === option.id ? '<i class="fa fa-check text-white text-xs"></i>' : ''}
                                    </div>
                                    <span class="text-sm text-gray-700">${option.text}</span>
                                </div>
                            </div>
                        `).join('')}
                    </div>
                </div>
            `;
            
            // 更新导航按钮状态
            prevButton.disabled = index === 0;
            
            // 如果是最后一题，显示完成按钮，隐藏下一题按钮
            if (index === questions.length - 1) {
                nextButton.classList.add('hidden');
                finishButtonContainer.classList.remove('hidden');
            } else {
                nextButton.classList.remove('hidden');
                finishButtonContainer.classList.add('hidden');
            }
            
            // 更新吉祥物表情
            updateMascotExpression(index);
        }

        // 选择答案
        function selectOption(questionId, optionId, dimension) {
            // 保存用户答案
            userAnswers[questionId] = optionId;
            
            // 更新得分（如果有维度关联）
            if (dimension) {
                // 先找到这个问题之前的答案并减去分数
                const question = questions.find(q => q.id === questionId);
                if (question) {
                    const previousOption = question.options.find(o => o.id === userAnswers[questionId]);
                    if (previousOption && previousOption.dimension) {
                        scores[previousOption.dimension]--;
                    }
                }
                
                // 为当前选择的选项加分
                scores[dimension]++;
            }
            
            // 重新渲染当前题目以更新选中状态
            renderQuestion(currentQuestionIndex);
        }

        // 前往上一题
        function goToPrevQuestion() {
            if (currentQuestionIndex > 0) {
                currentQuestionIndex--;
                renderQuestion(currentQuestionIndex);
                updateProgress();
                // 滚动到顶部
                window.scrollTo(0, 0);
            }
        }

        // 前往下一题
        function goToNextQuestion() {
            // 检查是否已回答当前问题
            if (!userAnswers[questions[currentQuestionIndex].id]) {
                alert('请选择一个答案后再继续。');
                return;
            }
            
            if (currentQuestionIndex < questions.length - 1) {
                currentQuestionIndex++;
                renderQuestion(currentQuestionIndex);
                updateProgress();
                // 滚动到顶部
                window.scrollTo(0, 0);
            }
        }

        // 更新进度条和时间估计
        function updateProgress() {
            const progress = ((currentQuestionIndex + 1) / questions.length) * 100;
            progressBar.style.width = `${progress}%`;
            progressText.textContent = `${currentQuestionIndex + 1}/${questions.length}`;
            
            // 估计剩余时间（每题约15秒）
            const remainingMinutes = Math.round((questions.length - currentQuestionIndex - 1) * 15 / 60);
            timeEstimate.textContent = `预计剩余时间: ${remainingMinutes}分钟`;
        }

        // 更新吉祥物表情
        function updateMascotExpression(questionIndex) {
            // 根据题目维度改变表情
            let question = questions[questionIndex];
            
            // 重置表情
            mascotEyeLeft.style.width = '2px';
            mascotEyeLeft.style.height = '2px';
            mascotEyeRight.style.width = '2px';
            mascotEyeRight.style.height = '2px';
            
            // 根据题目维度设置不同表情
            if (questionIndex < 15) { // E/I维度
                // 好奇的表情
                mascotMouth.style.width = '1/3';
                mascotMouth.style.height = '1.5px';
                mascotMouth.style.borderRadius = '50%';
            } else if (questionIndex < 30) { // S/N维度
                // 思考的表情
                mascotMouth.style.width = '1px';
                mascotMouth.style.height = '3px';
                mascotMouth.style.borderRadius = '0';
                mascotMouth.style.transform = 'translateX(-50%)';
            } else if (questionIndex < 45) { // T/F维度
                // 关心的表情
                mascotMouth.style.width = '1/2';
                mascotMouth.style.height = '2px';
                mascotMouth.style.borderRadius = '50% 50% 0 0';
            } else { // J/P维度
                // 轻松的表情
                mascotMouth.style.width = '1/2';
                mascotMouth.style.height = '2px';
                mascotMouth.style.borderRadius = '0 0 50% 50%';
            }
        }

        // 计算测试结果
        function calculateResult() {
            // 检查是否已回答最后一题
            if (!userAnswers[questions[questions.length - 1].id]) {
                alert('请选择一个答案后再完成测试。');
                return;
            }
            
            // 确定每个维度的倾向
            const personalityType = [
                scores["E"] > scores["I"] ? "E" : "I",
                scores["S"] > scores["N"] ? "S" : "N",
                scores["T"] > scores["F"] ? "T" : "F",
                scores["J"] > scores["P"] ? "J" : "P"
            ].join('');
            
            // 显示结果弹框
            showResultModal(personalityType);
        }

        // 显示结果弹框
        function showResultModal(personalityType) {
            const modal = document.getElementById('result-modal');
            const resultContent = document.getElementById('result-content');
            
            // 生成结果内容
            resultContent.innerHTML = generateResultContent(personalityType);
            
            // 显示弹框
            modal.classList.remove('hidden');
            
            // 添加动画效果
            setTimeout(() => {
                const modalContent = modal.querySelector('.absolute');
                modalContent.classList.remove('translate-y-full');
            }, 10);
        }

        // 生成结果内容
        function generateResultContent(personalityType) {
            const personalityData = getPersonalityData(personalityType);
            
            return `
                <div class="text-center mb-6">
                    <div class="w-20 h-20 rounded-full bg-gradient-to-br from-primary/20 to-secondary/20 flex items-center justify-center mx-auto mb-4 shadow-lg">
                        <span class="text-2xl font-bold text-primary">${personalityType}</span>
                    </div>
                    <h2 class="text-2xl font-bold text-gray-800 mb-2">${personalityData.name}</h2>
                    <p class="text-sm text-gray-500">${personalityData.subtitle}</p>
                </div>
                
                <div class="bg-gradient-to-r from-primary/10 to-secondary/10 rounded-xl p-4 mb-6">
                    <h3 class="text-lg font-semibold text-gray-800 mb-3">人格特征</h3>
                    <div class="grid grid-cols-2 gap-3">
                        ${personalityData.traits.map(trait => `
                            <div class="flex items-center space-x-2">
                                <div class="w-2 h-2 rounded-full bg-primary"></div>
                                <span class="text-sm text-gray-700">${trait}</span>
                            </div>
                        `).join('')}
                    </div>
                </div>
                
                <div class="space-y-4">
                    <div class="bg-white/50 rounded-xl p-4">
                        <h3 class="text-lg font-semibold text-gray-800 mb-2">优势</h3>
                        <p class="text-sm text-gray-600">${personalityData.strengths}</p>
                    </div>
                    
                    <div class="bg-white/50 rounded-xl p-4">
                        <h3 class="text-lg font-semibold text-gray-800 mb-2">适合职业</h3>
                        <p class="text-sm text-gray-600">${personalityData.careers}</p>
                    </div>
                    
                    <div class="bg-white/50 rounded-xl p-4">
                        <h3 class="text-lg font-semibold text-gray-800 mb-2">人际关系</h3>
                        <p class="text-sm text-gray-600">${personalityData.relationships}</p>
                    </div>
                </div>
            `;
        }

        // 获取人格类型数据
        function getPersonalityData(type) {
            const data = {
                'INTJ': {
                    name: '建筑师',
                    subtitle: '富有想象力和战略性的思想家',
                    traits: ['独立', '理性', '创新', '专注'],
                    strengths: '具有强大的分析能力和战略思维，能够看到事物的本质和长远发展。',
                    careers: '软件工程师、科学家、投资分析师、建筑师、系统分析师',
                    relationships: '在亲密关系中忠诚可靠，但需要独处时间来充电。'
                },
                'INTP': {
                    name: '思想家',
                    subtitle: '具有创新精神的发明家',
                    traits: ['好奇', '逻辑', '灵活', '独立'],
                    strengths: '拥有出色的逻辑分析能力，善于发现问题和创新解决方案。',
                    careers: '研究员、程序员、哲学家、数学家、理论物理学家',
                    relationships: '在关系中重视智力交流，但可能显得情感表达不足。'
                },
                'ENTJ': {
                    name: '指挥官',
                    subtitle: '大胆、富有想象力的领导者',
                    traits: ['自信', '果断', '领导力', '高效'],
                    strengths: '天生的领导者，具有强大的执行力和组织能力。',
                    careers: 'CEO、律师、投资银行家、政治家、军事指挥官',
                    relationships: '在关系中占据主导地位，但可能过于强势。'
                },
                'ENTP': {
                    name: '辩论家',
                    subtitle: '聪明好奇的思想家',
                    traits: ['创新', '灵活', '热情', '机智'],
                    strengths: '思维敏捷，善于辩论和创新，能够激发他人的灵感。',
                    careers: '企业家、律师、记者、发明家、营销专家',
                    relationships: '在关系中充满活力，但可能缺乏耐心和稳定性。'
                },
                'INFJ': {
                    name: '提倡者',
                    subtitle: '安静而神秘，鼓舞人心的理想主义者',
                    traits: ['理想主义', '洞察力', '创造力', '决心'],
                    strengths: '具有深刻的洞察力和强烈的价值观，能够激励他人。',
                    careers: '心理咨询师、作家、教师、社会工作者、艺术家',
                    relationships: '在关系中深度投入，但需要时间建立信任。'
                },
                'INFP': {
                    name: '调停者',
                    subtitle: '富有诗意、善良的利他主义者',
                    traits: ['理想主义', '忠诚', '好奇', '灵活'],
                    strengths: '具有强烈的价值观和同理心，能够理解他人的感受。',
                    careers: '作家、艺术家、心理咨询师、翻译、社会工作者',
                    relationships: '在关系中忠诚深情，但可能过于敏感。'
                },
                'ENFJ': {
                    name: '主人公',
                    subtitle: '富有魅力、鼓舞人心的领导者',
                    traits: ['魅力', '利他主义', '自然领导力', '洞察力'],
                    strengths: '天生的领导者，能够激励和帮助他人实现潜能。',
                    careers: '教师、政治家、人力资源专家、培训师、社会活动家',
                    relationships: '在关系中关怀备至，但可能过于关注他人而忽略自己。'
                },
                'ENFP': {
                    name: '竞选者',
                    subtitle: '热情、有创造力、社交能力强',
                    traits: ['热情', '创造力', '社交', '自由'],
                    strengths: '充满热情和创造力，能够激励他人并建立良好的人际关系。',
                    careers: '演员、记者、营销专家、心理咨询师、活动策划',
                    relationships: '在关系中充满激情，但可能缺乏专注力。'
                },
                'ISTJ': {
                    name: '物流师',
                    subtitle: '实用、注重事实的可靠者',
                    traits: ['可靠', '负责', '冷静', '理性'],
                    strengths: '具有强烈的责任感和组织能力，能够可靠地完成任务。',
                    careers: '会计师、审计师、法官、行政人员、工程师',
                    relationships: '在关系中忠诚可靠，但可能显得过于严肃。'
                },
                'ISFJ': {
                    name: '守护者',
                    subtitle: '非常专注和温暖的守护者',
                    traits: ['支持', '可靠', '耐心', '想象力'],
                    strengths: '具有强烈的责任感和同理心，能够为他人提供稳定的支持。',
                    careers: '护士、教师、社会工作者、行政助理、图书管理员',
                    relationships: '在关系中无私奉献，但可能忽略自己的需求。'
                },
                'ESTJ': {
                    name: '总经理',
                    subtitle: '出色的管理者，在管理事务或人员方面无与伦比',
                    traits: ['高效', '可靠', '自信', '传统'],
                    strengths: '具有出色的管理能力和执行力，能够有效地组织和领导团队。',
                    careers: '经理、法官、军官、银行家、政府官员',
                    relationships: '在关系中忠诚负责，但可能过于控制。'
                },
                'ESFJ': {
                    name: '执政官',
                    subtitle: '极有同情心、社交能力强的合作者',
                    traits: ['支持', '可靠', '耐心', '想象力'],
                    strengths: '具有强烈的同理心和组织能力，能够为他人提供温暖的支持。',
                    careers: '护士、教师、人力资源专家、活动策划、客户服务',
                    relationships: '在关系中关怀备至，但可能过于依赖他人认可。'
                },
                'ISTP': {
                    name: '鉴赏家',
                    subtitle: '大胆而实际的实验家',
                    traits: ['灵活', '迷人', '理性', '好奇'],
                    strengths: '具有出色的实践能力和问题解决能力，能够冷静地处理危机。',
                    careers: '机械师、飞行员、消防员、工程师、摄影师',
                    relationships: '在关系中独立自主，但可能显得情感疏离。'
                },
                'ISFP': {
                    name: '探险家',
                    subtitle: '灵活有魅力的艺术家',
                    traits: ['灵活', '迷人', '敏感', '热情'],
                    strengths: '具有强烈的艺术感和同理心，能够创造美丽的事物。',
                    careers: '艺术家、音乐家、设计师、摄影师、兽医',
                    relationships: '在关系中温柔体贴，但可能过于敏感。'
                },
                'ESTP': {
                    name: '企业家',
                    subtitle: '聪明、精力充沛、善于感知的享受者',
                    traits: ['大胆', '理性', '实用', '原创'],
                    strengths: '具有出色的实践能力和社交技巧，能够在压力下保持冷静。',
                    careers: '销售代表、企业家、运动员、演员、急救医生',
                    relationships: '在关系中充满活力，但可能缺乏深度。'
                },
                'ESFP': {
                    name: '娱乐家',
                    subtitle: '自发的、精力充沛的娱乐者',
                    traits: ['大胆', '原创', '美学', '实用'],
                    strengths: '具有出色的社交能力和表演天赋，能够为他人带来欢乐。',
                    careers: '演员、音乐家、主持人、销售代表、活动策划',
                    relationships: '在关系中充满热情，但可能缺乏计划性。'
                }
            };
            
            return data[type] || {
                name: '未知类型',
                subtitle: '请重新测试',
                traits: ['未知', '未知', '未知', '未知'],
                strengths: '无法确定您的具体人格特征，建议重新进行测试。',
                careers: '请重新测试以获得准确的职业建议。',
                relationships: '请重新测试以获得准确的人际关系建议。'
            };
        }

        // 初始化页面
        document.addEventListener('DOMContentLoaded', init);

        // 为返回按钮添加点击事件
        document.getElementById('back-button').addEventListener('click', function() {
            window.location.href = 'index.html';
        });

        // 为Tab按钮添加点击事件（仅用于UI展示，实际应用中需要完善跳转逻辑）
        document.querySelectorAll('.tab-button').forEach(button => {
            button.addEventListener('click', function() {
                // 移除所有活跃状态
                document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('tab-active'));
                // 添加当前活跃状态
                this.classList.add('tab-active');
            });
        });
    </script>
</body>
</html>
